<!DOCTYPE html>
<html>
	<head>
	<title>Domain Tools</title>
	<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/jquery.mobile-1.1.0.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
</head>
<body>

<div data-role="page" id="main">

    <div data-role="header">
        <h1>Domain Tools <a href="#multi" class="link-city"></a></h1>
        <a href="#settings" data-icon="gear" class="ui-btn-right">Options</a>
    </div>

    <div data-role="content">

        <form action="#" data-ajax="false" method="get" id="form-search">
        <label for="search-query" class="ui-hidden-accessible">Search</label>
        <input type="search" name="query" id="search-query" value="" data-theme="b" placeholder="Enter Domains" />
        <p>
        <select class="multi" name="tlds" id="field-tlds" multiple="multiple" data-native-menu="false">
                <option>Choose TLD's</option>
                <option value="com">.COM (commercial)</option>
                <option value="net">.NET (network)</option>
                <option value="org">.ORG (organisation)</option>
                <option value="eu">.EU (Europe)</option>
                <option value="info">.INFO (Information)</option>
                <option value="de">.DE (Germany)</option>
        </select>
        </p>
        <p>
            <button type="submit" data-theme="b">Check Domain</button>
        </p>
        </form>
        <br />
        <div id="content">
            <ul id="result-list" data-role="listview" data-theme="b" data-inset_="true" data-split-theme="d"
                data-divider-theme="a"></ul>
        </div>
    </div>
    
    <div data-role="footer">
	<div data-role="navbar">
            <ul>
                <li>bla bla</li>
            </ul>
	</div><!-- /navbar -->
    </div>
</div>

<div data-role="page" id="multi">

    <div data-role="header">
        <h1>Domain Tools <a href="#locality" class="link-city"></a></h1>
        <a href="#settings" data-icon="gear" class="ui-btn-right">Options</a>
    </div>

    <div data-role="content">

        <form action="#" data-ajax="false" method="get" id="form-multi-search">
        
        <textarea name="query" id="textarea" placeholder="Enter Domains"></textarea>
        <button>check domains</button>
        </form>
        <br />
        <div id="content">
            <ul id="multi-result-list" data-role="listview" data-theme="b" data-inset_="true" data-split-theme="d"
                data-divider-theme="a"></ul>
        </div>
    </div>
    
    <div data-role="footer">
	<div data-role="navbar">
            <ul>
                <li><a href="javascript:;" id="link-more" data-icon="arrow-d" class="hidden">gimme more (<span id="count-total">0</span>)</a></li>
            </ul>
	</div><!-- /navbar -->
    </div>
</div>

</body>
</html>
